<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css', _external=True) }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-theme.css', _external=True) }}">
    <title>注册</title>
    <style type="text/css">
        body {
            background: url('../static/images/bg.jpg');
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="nav navbar-default" role="navigation">
        </div>
        <div class="article-header">
        </div>
        <div class="content">
            <!--flash messages-->
            {% for message in get_flashed_messages() %}
            <div class="alert alert-warning slert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">关闭</span>
                </button>
                {{ message }}
            </div>
            {% endfor %}
            <div class="form-register" id="register">
                <form class="form-horizontal" role="form" method="post" action=" {{ url_for('register')}}">
                    <div class="row">
                        <div class="form-header col-sm-6 col-sm-offset-3">
                            <h3 class="register_title">注册</h3>
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="control-label col-sm-2" for="username">账号：</label>
                        <div class="col-sm-4">
                            <input id="username" type="text" name="username" class="form-control" placeholder="字母、数字、下划线">
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="control-label col-sm-2" for="password">密码：</label>
                        <div class="col-sm-4">
                            <input type="password" name="password" id="password" class="form-control" placeholder="字母、数字、下划线">
                        </div>
                    </div>
                    <div class="row form-group">
                        <label class="control-label col-sm-2" for="valid_code">验证码：</label>
                        <div class="col-sm-4">
                            <input type="text" name="valid_inp" id="valid_code" class="form-control" placeholder="->">
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-sm-4 col-sm-offset-2">
                            <!--<img src="../static/images/bg.jpg" style="height: 40px; width: 200px; border-radius: 5px;">-->
                            <label>{{valid_code}}</label>
                            <input type="text" name="valid_ori" value="{{valid_code}}" style="display: none">
                        </div>
                    </div>
                    <div class="row form-group">
                        <div class="col-sm-2 col-sm-offset-3">
                            <input type="submit" class="btn btn-primary btn-lg" value="提交">
                            <button type="reset" class="btn btn-primary btn-lg">重置</button>
                        </div>
                    </div>
                </form>
            </div>
            <hr>
            <!--
            <div class="form-register" id="register" role="form">
                <div class="">
                    <div class="col-sm-6 col-sm-offset-3">
                        <h2 class="register_title">注册</h2>
                    </div>
                    <br />
                    <form class="register_form" action="{{ url_for('register') }}" method="POST">
                        <div class="reg">
                            账 号：
                            <input class="reg_username" type="text" name="username" placeholder="">
                            <br/>
                        </div>
                        <div class="reg">
                            密 码：
                            <input class="reg_password" type="password" name="password" placeholder="">
                            <br/>
                        </div>
                        <div class="reg">
                            验证码：
                            <input class="reg_validcode" type="text" name="valid_inp" placeholder="">
                            <br/>
                        </div>
                        <span></span>
                        <input type="text" value="{{valid_code}}" name="valid_ori">
                        <input value="重置" type="reset">
                        <input value="提交" type="submit">
                    </form>
                </div>
            </div>
            -->
        </div>
    </div>
    <div class="footer"></div>
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.js', _external=True ) }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.js', _external=True) }}"></script>
</body>

</html>